import React, { memo } from 'react'

import { SelectHeaderWrapper }  from './style.js'

const SelectHeader = memo((props) => {
  const {title, subtitle} = props
  return (
    <SelectHeaderWrapper>
      <h2 className='title'>{title}</h2>
      {(subtitle && <span className='subtitle'>{subtitle}</span>)}
    </SelectHeaderWrapper>
  )
})

export default SelectHeader